<script setup>
import { defineProps } from 'vue'
import { formatTime } from "@/utils/formatTime"
defineProps({
    noticeInfo: {
        type: Object,
        default: () => ({})
    }
})
</script>

<template>
  <div class="update_notice">
    <div class="title">{{ noticeInfo.title }}</div>
    <div class="content">{{ noticeInfo.content }}</div>
    <div class="publisherInfo">
        <div class="name">系统管理员：{{ noticeInfo.name }}</div>
        <div class="time">{{ formatTime(noticeInfo.time) }}</div>
    </div>
  </div>
</template>

<style scoped lang="less">
.content {
        margin: 20px auto;
        line-height: 30px;
        text-align: justify;
        text-indent: 2em;
        width: 80%;
    }
.publisherInfo {
    position: absolute;
    bottom: 100px;
    right: 100px;
    .time {
        margin-top: 10px;
    }
}
.title {
    font-size: 25px;
    font-weight: 600;
}
</style>